body{width: 100%;}
#header, #footer{
	background: linear-gradient(top,#C0C0C0,#EDEDED);
	background: -moz-linear-gradient(top,#C0C0C0,#EDEDED);
	background: -webkit-linear-gradient(top,#C0C0C0,#EDEDED);
	background: -ms-linear-gradient(top,#C0C0C0,#EDEDED);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#C0C0C0', EndColorStr='#EDEDED');
	font-size: 0.75em;
}

#header{width: 100%; height: 110px;}

hr{height:0; border:none; border-bottom:1px solid rgba(255,255,255,0.2); border-top:1px solid rgba(140,140,140,0.9);
   margin:5px 0px; clear:both;}


/*
login.html
*/
#contenido_login{position: relative; font-size: 0.75em; z-index: -2;}

#instrucciones{width: 38.379%; height: 199px; position: absolute; left: 56px; top: 50px;}

.titulo{font-size: 1.5em !important; color: #416885;}
#instrucciones ul{margin-top: 12px;}
#instrucciones li{margin-bottom: 12px; line-height: 15px;}

#login{width: 379px; height: 131px; position: absolute; right: 56px; top: 50px;
	background: #ededed; border: 1px solid #999; padding: 13px;}

label{display:inline-block; width: 50px; margin: 10px 10px 10px 37px;}
input[type="text"], input[type="password"]{display:inline-block; border: 1px solid #d2d2d2; width: 232px;}
.recordar{display: inline-block;margin-top: 12px; margin-right: 85px; cursor:pointer;}
input[type="button"]{width: 78px;}


#usuario, #clave{border: 1px solid #d2d2d2; padding: 3px 3px 3px 17px;
	background-position: left center;
  background-repeat: no-repeat; border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#usuario{background-image: url(../imagenes/user.png);}
#clave{background-image: url(../imagenes/lock.png);}

#imagen_login{position: absolute; bottom: 24px; right: 0; width: 400px; height: auto; z-index: -5;}


.alerta, .error{
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 30px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../imagenes/cross.png');
}

.alerta {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../imagenes/alert.png');
}
.secondary{ text-align:left; padding:5px; margin-left:10px;}
/*
modulos.html
*/
.modulo{width: 200px; /*200px - 19.531%*/ height: 119px; float: left; margin-left: 42px; margin-top: 39px;
	border: solid 1px #c0c0c0;
	background: linear-gradient(top,#ffffff,#ededed);
	background: -moz-linear-gradient(top,#ffffff,#ededed);
	background: -webkit-linear-gradient(top,#ffffff,#ededed);
	background: -ms-linear-gradient(top,#ffffff,#ededed);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#ededed');
}

.modulo:before {content: '';display:inline-block; background-repeat: no-repeat;background-image:url(../imagenes/modulo.png);
	width: 48px; height: 48px; margin: 0 10px 0 17px; vertical-align: middle;}

.modulo:hover{cursor: pointer;}

.administracion:before {background-position: -2px -2px}
.calidad:before {background-position: -52px -2px;}
.comercial:before {background-position: -2px -52px}
.contabilidad:before {background-position: -52px -52px}
.logistica:before {background-position: -2px -102px}
.oparaciones:before {background-position: -52px -102px}
.rrhh:before {background-position: -2px -152px}
.salud:before {background-position: -52px -152px}
.sistemas:before {background-position: -2px -202px}

.nombre_modulo{margin-left: 0; margin-top: 50px;}

#footer{width: 100%; height: 24px; position: absolute; bottom: 0; text-align: center;
padding-top: 10px;}